{% if loaded %}
    {% if config.showAsList %}
        <ul class="newsfeed-list">
            {% for item in items %}
                <li>
                    {% if (config.showSourceTitle and item.sourceTitle) or config.showPublishDate %}
                        <div class="newsfeed-source light small dimmed">
                            {% if item.sourceTitle and config.showSourceTitle %}
                                {{ item.sourceTitle }}{% if config.showPublishDate %}, {% else %}: {% endif %}
                            {% endif %}
                            {% if config.showPublishDate %}
                                {{ item.publishDate }}:
                            {% endif %}
                        </div>
                    {% endif %}
                    <div class="newsfeed-title bright medium light{{ ' no-wrap' if not config.wrapTitle }}">
                        {{ item.title }}
                    </div>
                    {% if config.showDescription %}
                        <div class="newsfeed-desc small light{{ ' no-wrap' if not config.wrapDescription }}">
                            {% if config.truncDescription %}
                                {{ item.description | truncate(config.lengthDescription) }}
                            {% else %}
                                {{ item.description }}
                            {% endif %}
                        </div>
                    {% endif %}
                </li>
            {% endfor %}
        </ul>
    {% else %}
        <div>
            {% if (config.showSourceTitle and sourceTitle) or config.showPublishDate %}
                <div class="newsfeed-source light small dimmed">
                    {% if sourceTitle and config.showSourceTitle %}
                        {{ sourceTitle }}{% if config.showPublishDate %}, {% else %}: {% endif %}
                    {% endif %}
                    {% if config.showPublishDate %}
                        {{ publishDate }}:
                    {% endif %}
                </div>
            {% endif %}
            <div class="newsfeed-title bright medium light{{ ' no-wrap' if not config.wrapTitle }}">
                {{ title }}
            </div>
            {% if config.showDescription %}
                <div class="newsfeed-desc small light{{ ' no-wrap' if not config.wrapDescription }}">
                    {% if config.truncDescription %}
                        {{ description | truncate(config.lengthDescription) }}
                    {% else %}
                        {{ description }}
                    {% endif %}
                </div>
            {% endif %}
        </div>
    {% endif %}
{% elseif error %}
    <div class="small dimmed">
        {{ "MODULE_CONFIG_ERROR" | translate({MODULE_NAME: "Newsfeed", ERROR: error}) | safe }}
    </div>
{% else %}
    <div class="small dimmed">
        {{ "LOADING" | translate | safe }}
    </div>
{% endif %}
